<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>登录首页</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <link rel="stylesheet" href="css/reset.css" type="text/css">
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/config.js"></script>
    <script src="js/login.js"></script>
    <style>
        #login-page{
            background: url(img/bg.jpg) no-repeat center center;
            position: relative;
            /*font-family: Adobe 黑体 Std;*/
        }
        .min_width{
            width: 1440px;
            margin: 0 auto;
        }
        .in_login{
            position: relative;
            height: 100%;
        }
        #login-page .main{
            width: 280px;
            height: 412px;
            border-radius: 16px ;
            /*background: url(img/lg-bg_03.png) no-repeat;*/
            position: absolute;
            /*left: 50%;
            margin-left: -324px;*/
            right:0;
            top: 20%;
            background-color: #fff;
        }
        #login-page .main .tit{
            font-size: 18px;
            font-weight: bold;
            color: #808080;
            width: 100%;
            text-align: center;
            /*font-family: Adobe 黑体 Std;*/
            position: absolute;
            top: 145px;
            letter-spacing: 9px;
        }
        #login-page .main .nameAndP{
            width: 320px;
            position: absolute;
            left: 50%;
            margin-left: -160px;
            top: 195px;
            text-align: center;
        }
        #login-page .main .nameAndP input{
            /*font-family: Adobe 黑体 Std;*/
            width: 244px;
            height: 30px;
            line-height: 30px;
            color: #a1a1a1;
            background-color: #eeeeee;
            border: 0;
            text-indent: 20px;
            font-size: 12px;
            margin-bottom: 17px;
            border-radius: 5px;
        }
        #login-page .main .nameAndP .login-btn{
            width: 244px;
            text-align: center;
            line-height: 32px;
            height: 32px;
            background-color: #00a0e9;
            color: #fff;
            font-size: 14px;
            border-radius: 5px;
            margin: 0 auto 15px;
            cursor: pointer;
        }
        #login-page .main .nameAndP a{
            display: inline-block;
            width: 100%;
            text-align: right;
            font-size: 12px;
            color: #808080;
            font-weight: bold;
            padding-right: 30px;
        }
        .logo_login{
            position: absolute;
            bottom: 50px;
            left: 50%;
            width: 173px;
            margin-left: -86px;
        }
        .login_bg2{
            position: absolute;
            left:50%;
            top:50%;
            margin-top:-230px;
            margin-left: -805px;
        }
        .login1 img{
            width: 50%;
            margin: 65px auto 20px;
            display: block;
        }
        .gantan {
            width: 20px;
            height: 20px;
            position: absolute;
            right: 5px;
            bottom: 5px;
            cursor: pointer;
            z-index: 100;
        }
        .gantan img{
            width: 100%;
        }
    </style>
</head>
<body id="login-page">
    <div class="min_width in_login">
            <div class="main">
                    <p class="tit">智能商业决策系统</p>
                    <div class="login1"><img src="img/login1.png" ></div>
                    <div class="nameAndP">
                        <input id="loginName" type="text" placeholder="请输入用户名">
                        <input id="loginPassword" type="password" placeholder="请输入密码">
                        <div class="login-btn btn-login">登　　陆</div>
                        <a href="javascript:;">忘记密码？</a>
                    </div>
                <div class="gantan"><img src="img/gantan.png"></div>
             </div>
     <div class="logo_login"><img src="img/logo_03.png" alt=""></div>
     <div class="login_bg2"><img src="img/login_bg2.png"</div>
    </div>
    
<!--弹框-->
    <div class="layer1">
        <div class="main1">
            <a class="close1">×</a>
            <div class="tips">
                <p>提示!</p>
            </div>
            <div class="content">数据错误</div>
        </div>
    </div>
    <!--弹框-->
</body>
</html>
